<%-- 
    Document   : ppl
    Created on : 04-dic-2014, 11:44:59
    Author     : equipo_4
--%>

<%@page import="RRHH_MODELO.RHH_REGIONAL"%>
<%@page import="RRHH_MODELO.RHH_PROFESION"%>
<%@page import="java.io.OutputStream"%>
<%@page import="java.io.FileOutputStream"%>
<%@page import="RRHH_MODELO.RHH_CATEGORIA_DATO"%>
<%@page import="RRHH_MODELO.RHH_POSTULADO_CONVOCATORIA"%>
<%@page import="RRHH_MODELO.RHH_CONVOCATORIA"%>
<%@page import="RRHH_MODELO.RHH_DATOS"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_MODELO.RHH_PERSONA_DATOS"%>
<%@page import="RRHH_MODELO.RHH_PERSONA"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_MODELO.RHH_POSTULADO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>POSTULADO</title>
        <link href="Estilo/estilo.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>        
        <script src="js/jquery-ui.js" type="text/javascript"></script>
        <script src="js/jquery.ui.touch-punch.js" type="text/javascript"></script>
    </head>
    <body style="background: black">
        <%
            Conexion con = new Conexion();
            RHH_POSTULADO postulado = (RHH_POSTULADO)request.getSession().getAttribute("postulado");
            RHH_PERSONA per = new RHH_PERSONA(con).BuscarxID(postulado.getID_PERSONA());
        %>
         <div id='backgroundlogin' style="width: 75%;">
            <img src="img/fondologin.jpg" alt=""/>
        </div>
        <div id="panelCreacionPersonal" style="width: 500px; height: 290px; padding: 8px; overflow: hidden; " >
            <div class="negrilla" style="text-align: center; font-size: 12px;">PERFIL POSTULADO</div>
            <form id="reg" enctype="multipart/form-data">
                <div style="height:234px; overflow: auto;  padding: 10px; width: 222px; float: left;">
                    <img src="/img/imagen3.jpg" id="fotoEmp" onclick="abrirFile('file');" alt="" style="height: 50px; width: 110px; margin-left: 15px; margin-bottom: 6px;" />
                    <input type="file" id="file" name="file" onchange="openFile(event);" style="display: none;"/>
                    <input type="hidden" name="proceso" value="guardarusuario"/>
                    <input type="hidden" name="pers" value="0"/>
                    <input type="hidden" name="cargoe"  value="guardarusuario"/>
                    <span class="negrillaenter">Carnet:</span>
                    <input type="text" name="ci"  readonly value="" class="chico" placeholder="Carnet"/>
                    <select name="depto" class="chico">
                    <%
                        RHH_REGIONAL depto2 = new RHH_REGIONAL(con);
                        depto2.setCon(con);
                        List<RHH_REGIONAL>listadep = depto2.Todos();
                        for (int i = 0; i < listadep.size(); i++) 
                        {
                            out.print("<option value='"+listadep.get(i).getACRONIMO()+"'>"+listadep.get(i).getACRONIMO()+"</option>");
                        }
                    %>

                    </select><br>
                    <span class="negrillaenter">Primer Nombre:</span>
                    <input type="text" name="nombre1" value="" style="width: 93px;" placeholder="NOMBRE"/>
                    <span class="negrillaenter">Segundo Nombre:</span>
                    <input type="text" name="nombre2" value="" style="width: 93px;" placeholder="2º NOMBRE"/>
                    <span class="negrillaenter">Apellido Paterno:</span>
                    <input type="text" name="apepat" value="" class="grande" placeholder="APELLIDO PATERNO"/>
                    <span class="negrillaenter">Apellido Materno:</span>
                    <input type="text" name="apemat" value="" class="grande" placeholder="APELLIDO MATERNO"/>
                    <span class="negrillaenter">Hoja de Vida: </span>
                    <input style="width: 83px; border: none;" type="file" name="curr" onchange="openFile3(event,this)"/>
                    <img src='img/ver.jpg' onclick='abrirdocumento(this)' name='verdocs' id="curim"  style="width: 28px; height: 28px;  margin-bottom: 0px; border-radius: 10px; position: relative; top: 5px;"/>
                   
                </div>
                <div style="height:234px; overflow: hidden; width: 215px; padding:10px; float: left;">
                    
                    <span class="negrillaenter">Teléfono:</span>
                    <input type="text" value="" name="telf"  class="Normal" onkeyup="existeRepetido(this,'1')"/>
                    <span class="negrillaenter">Correo Personal:</span>
                    <input type="text" value="" name="email" readonly class="mediano"/>
                    <span class="negrillaenter">Profesión:</span>
                    <select name="prof" class="grande">
                    <%
                        List<RHH_PROFESION> listaprof = new RHH_PROFESION(con).Todos();
                        for (int i = 0; i < listaprof.size(); i++) 
                        {
                            out.print("<option value='"+listaprof.get(i).getID()+"'>"+listaprof.get(i).getDESCRIPCION()+"</option>");
                        }
                    %>
                    </select>
                    <span class="negrillaenter">Años de Experiencia:</span>
                    <input type="number" name="anos" value="0"/>
                    <span class="negrillaenter">Actualización Contraseña:</span>
                    <input type="password" name="pass" value="" autocomplete="off"/><br>
                    <span class="negrillaenter">Repita Nueva Contraseña:</span>
                    <input type="password" name="repass" autocomplete="off" value="" /><br> 
                    
                   
                </div>
                <div style=" height: 273px; left: 473px; position: absolute; top: 22px; width: 518px;"  id="datosextra" >
                    <div id="contenedorDatosyDocumentos" onclick="abrirdatosDocumentos(this)" data-estado="0">
                        <div class="negrilla">CONVOCATORIAS DATOS Y DOCUMENTOS </div>
                    </div>
                    <div  style="background: none repeat scroll 0px 0px white; float: left; height: 100%; width: 91%; border: 1.5px solid;">
                        <div class="centrado negrilla"></div>
                        <div class="centrado negrilla"></div>
                        <div style="border-right: thin solid;
                                    height: 92%;
                                    margin-top: 8px;
                                    padding-left: 12px;
                                    overflow-x: hidden;
                                    overflow-y: auto;
                                    width: 200px; float: left;">
                            <div class='negrillaenter' onclick="abrirDatos(this,'e2')" data-estado='cerrado'>CONVOCATORIAS VIGENTES</div>
                            <%
                                String contenedores="";
                                List<RHH_CATEGORIA_DATO> listac = new RHH_CATEGORIA_DATO(con).Todos();
                                for (int j = 0; j < listac.size(); j++) {
                                    RHH_DATOS dato = new RHH_DATOS(con);
                                    List<RHH_DATOS> lista1=dato.BuscarXidCategoria(listac.get(j).getID());
                                    if(lista1.size()>0){
                                        out.print("<div class='negrillaenter' data-estado='cerrado' onclick=\"abrirDatos(this,"+listac.get(j).getID()+")\" >"+listac.get(j).getDESCRIPCION()+"</div>");
                                        contenedores+="<div style='display: none; ' name='contenedorDato' data-id='"+listac.get(j).getID()+"'>";
                                    }
                                    for (int i = 0; i < lista1.size(); i++)
				{
                                        String aux="";
                                        if(lista1.get(i).getESTADO_CADUCIDAD()==1){
                                                 aux="Caducidad Documento <input type='text' class='chico fecha' style=' margin-left: 7px;' name='"+lista1.get(i).getID()+"_o'/><br>";
                                        }
                                        if(lista1.get(i).getTIPO()==1){
                                            contenedores+="<div data-class='dato' style='border-bottom: 2px solid silver;' data-iddato='"+lista1.get(i).getID()+"'>"
                                                        + "<span class='negrillaenter'  style='font-size: 16px; text-align: center;'>"+lista1.get(i).getDESCRIPCION()
                                                        +"</span>"+aux
                                                        +"<span >Nombre Archivo:</span><br><span></span><input type='file' onchange=\"openFile2(event,this)\" name='"+lista1.get(i).getID()+"' value='' style='display:none;'/><img src='img/Upload-files.jpg' "
                                                        + "onclick=\"abrirFile("+lista1.get(i).getID()+")\" alt='' "
                                                        + "style='width: 25px; margin: 0px 10px; border-radius: 4px;'/><img src='img/ver.jpg' "
                                                        + "alt='' onclick='abrirdocumento(this)' name='verdocs'  style='width: 28px; height:28px;  margin: 0px -5px; border-radius: 10px;'/>"+"<br></div>";
                                        }else{
                                            contenedores+="<div data-class='dato' style='border-bottom: 2px solid silver;' data-iddato='"+lista1.get(i).getID()+"'>"
                                                        + "<span class='negrillaenter' style='font-size: 16px; text-align: center;'>"+lista1.get(i).getDESCRIPCION()+"</span>"
                                                        + "<input type='text' name='"+lista1.get(i).getID()+"' value=''/><br></div>";
                                        }
				}
                                    if(lista1.size()>0)
				contenedores+="</div>";
                                }
                            %>
                            
                        </div>
                        <div style="float: left;
                        height: 85%;
                        margin-top: 8px;
                        overflow-x: hidden;
                        overflow-y: auto;
                        padding: 11px;
                        width: 235px;">
                            <div style='display: none;' name='contenedorDato' data-id="e2" >
                                <%
                                List<RHH_CONVOCATORIA> lista_conv = new RHH_CONVOCATORIA(con).TodosActivas();
                                for (int i = 0; i < lista_conv.size(); i++) 
                                {
                                        if(new RHH_POSTULADO_CONVOCATORIA(con).isExist(postulado.getID(), lista_conv.get(i).getID()))
                                            out.print("<input type='checkbox' style='margin-right: 15px;' onclick=\"postular(this,'"+lista_conv.get(i).getID()+"','"+postulado.getID()+"');\" checked='checked'/><span class='negrilla'>"+lista_conv.get(i).getDESCRIPCION()+"</span><br>");
                                        else
                                            out.print("<input type='checkbox' style='margin-right: 15px;' onclick=\"postular(this,'"+lista_conv.get(i).getID()+"','"+postulado.getID()+"');\"/><span class='negrilla'>"+lista_conv.get(i).getDESCRIPCION()+"</span><br>");                            
                                }
                                %>
                             </div>
                            <%
                                out.print(contenedores);
                            %>
                        </div>
                     </div>
                </div>
                
            </form>
            <div style="text-align: center">
                <button onclick="guardar()" id="guardar">Guardar</button>
                <button onclick="cancelar();">Cerrar Session</button>
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
                left=($(window).width() - $('#panelCreacionPersonal').outerWidth())/2;
                top1=(($(window).height() - $('#panelCreacionPersonal').outerHeight())/2)-32;
                $("#panelCreacionPersonal").css({
                    left:left ,
                    top: top1 
                });
                $(".fecha").datepicker({ 
                    dateFormat: "dd/mm/yy",
                    closeText: 'Cerrar',
                    prevText: 'Anterior',
                    nextText: 'Siguiente',
                    firstDay: 1,
                    dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                    dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                    monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                    monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ]
               });
                cargarkardex();
            });
            var url="perfil_controller";
            function cancelar(){
                location.href="index.jsp";
            }
            function abrirdatosDocumentos(ele){
                var left=1;
                if($(ele).data("estado")==0){
                    $(ele).data("estado",1);
                }else{
                    $(ele).data("estado",0);
                    left=473;
                }
                $("#datosextra").animate({
                    left:left,
                },600,function(){
                });
            }
            function postular(chec,conv,post){
                var cheq = $(chec).attr("checked");
                var tipo = 0;

                if(cheq=="checked")
                         tipo=0;
                else
                         tipo=1;
                $.post(url,{proceso:"postular",tipo:tipo,conv:conv,post:post},function (response){

                });
           }
           function abrirDatos(ele,id)
            {
                var elemeneto = $(ele);
                if (elemeneto.data("estado") == "cerrado")
                {
                     $("div[name=contenedorDato]").data("estado", "cerrado");
                    $("div[name=contenedorDato]").css("display", "none");
                    $("div[data-id="+id+"]").slideDown("slow", function() {
                        $(ele).data("estado", "abrir");
                    });
                }
                else
                {
                   $("div[data-id="+id+"]").slideUp("slow", function() {
                        $(ele).data("estado", "cerrado");
                    });
                }
            }
            function abrirFile(id){
                $("input[name="+id+"]").click();
            }
            function abrirdocumento(ele){
                var valor=$(ele).data("contenido");
                var url;
                if($(ele).data("tipo")==1){
                    url=valor;
                }else{
                    url="ftp://postulado:oracle123@192.168.0.101/"+$("input[name=ci]").val()+"/"+valor;
                }
                window.open(url,"Documento","");
            }
            
            var errores="";
            function guardar(){
                $("input").css("background","white");
                var pass = $("input[name=pass]").val();
                var repass = $("input[name=repass]").val();
                var nombre=$("input[name=nombre1]").val();
                if(nombre.length==0){
                    errores+="-El nombre es necesario\n";
                    $("input[name=nombre1]").css("background","red");
                    $("input[name=nombre1]").css("border","thin solid red");
                }
                var apellidoP=$("input[name=apepat]").val();
                if(apellidoP.length==0){
                    errores+="-El apellido paterno es necesario\n";
                    $("input[name=apepat]").css("background","red");
                    $("input[name=apepat]").css("border","thin solid red");
                }
                var ano=$("input[name=anos]").val();
                if(ano.length==0){
                    errores+="-El año es necesario\n";
                    $("input[name=anos]").css("background","red");
                    $("input[name=anos]").css("border","thin solid red");
                }
                if(repass !=pass){
                    errores+="-La contraseña no coinciden\n";
                    $("input[name=repass]").css("background","red");
                    $("input[name=repass]").css("border","thin solid red");
                }
                if(isNaN(ano)){
                    errores+="-El año es incorrecto\n";
                    $("input[name=anos]").css("background","red");
                    $("input[name=anos]").css("border","thin solid red");
                }
                if(errores.length>0){
                    alert(errores);
                    errores="";
                    return;
                }
                function postular(chec,conv,post){
                    var cheq = $(chec).attr("checked");
                    var tipo = 0;

                    if(cheq=="checked")
                             tipo=0;
                    else
                             tipo=1;
                    $.post(url,{evento:"postular",tipo:tipo,conv:conv,post:post},function (response){

                    });
               }
                var formData = new FormData($("#reg")[0]);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data:  formData,
                    mimeType:"multipart/form-data",
                    contentType: false,
                    cache: false,
                    processData:false,
                    success: function(response, textStatus, jqXHR)
                    {
                        if(response != "false"){
                            alert("Las modificaciones fueron guardadas correctamente");
                        }else{
                            alert("Erro del sistema Intente nuevamente");
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown)
                    {

                    }         
                });
            }
            function openFile(event) 
            {
                var input = event.target;
                var reader = new FileReader();
                reader.onload = function()
                {
                    var dataURL = reader.result;
                    $("#fotoEmp").attr("src",dataURL);
                }
                reader.readAsDataURL(input.files[0]);
            }
            var eleme;
            function openFile2(event,ele) 
            {
                eleme=ele;
                var input = event.target;
                var reader = new FileReader();
                reader.onload = function()
                {
                    var dataURL = reader.result;
                    $(eleme).next().next().css("display", "inline-block");
                    $(eleme).next().next().data("contenido", dataURL);
                    $(eleme).next().next().data("tipo", 1);
                    $(eleme).prev().text($(eleme).val());
                }
                reader.readAsDataURL(input.files[0]);
            }
            function openFile3(event,ele) 
            {
                eleme=ele;
                var input = event.target;
                var reader = new FileReader();
                reader.onload = function()
                {
                    var dataURL = reader.result;
                    $(eleme).next().css("display", "inline-block");
                    $(eleme).next().data("contenido", dataURL);
                    $(eleme).next().data("tipo", 1);
                }
                reader.readAsDataURL(input.files[0]);
            }
            function cargarkardex(){
                var idpersona=<%out.print(per.getID());%>;
                var foto='<%out.print(per.getFOTO());%>';
                var ci=<%out.print(per.getCI());%>;
                if(foto=='null')foto="img/imagen3.jpg";
                else 
                   foto="ftp://postulado:oracle123@192.168.0.101/"+ci+"/"+foto;
               $("#fotoEmp").attr("src",foto);
               $("#guardar").text("Guardar");
               $("input[name=proceso]").val("modificarempleado");
               $.post(url,{proceso:"cargarkardex",id:idpersona},function(responsetext){
                   if(responsetext=="false"){
                       alert("Error del servidor");
                       return;
                   }
                   var json=$.parseJSON(responsetext);
                   $("input[name=ci]").val(json.ci);
                   $("select[name=depto] option[value="+json.regional+"]").attr("selected",true);
                   $("select[name=prof] option[value="+json.profesion+"]").attr("selected",true);
                   $("input[name=nombre1]").val(json.nombre=="null"?"":json.nombre);
                   $("input[name=nombre2]").val(json.nombre2=="null"?"":json.nombre2);
                   $("input[name=apepat]").val(json.apellido1=="null"?"":json.apellido1);
                   $("input[name=apemat]").val(json.apellido2=="null"?"":json.apellido2);
                   $("input[name=telf]").val(json.telefono=="null"?"":json.telefono);
                   $("input[name=email]").val(json.correo=="null"?"":json.correo);
                   $("input[name=anos]").val(json.año=="null"?"":json.año);
                   $("div[name=contenedorDato]").css("display","none");
                   $("img[name=verdocs]").css("display","none");
                   for (var i = 0;i < json.listadatos.length; i++) {
                       var dato=json.listadatos[i];
                       $("div[data-iddato="+dato[0]+"]").css("display","block");
                       if(dato[2]==1){
                           $("div[data-iddato="+dato[0]+"] img[name=verdocs]").css("display","inline-block");
                           $("div[data-iddato="+dato[0]+"] img[name=verdocs]").data("contenido",dato[1]+"");
                           if(dato[4]=="1"){
                               $("input[name="+dato[0]+"_o]").val(dato[3]);
                           }
                       }else{
                           $("input[name="+dato[0]+"]").val(dato[1]);
                       }
                   }
                   $("input[name=curr]").next().css("display","none");
                   if(json.curriculo.length>0 && json.curriculo!="null" ){
                       $("input[name=curr]").next().data("contenido",json.curriculo);
                       $("input[name=curr]").next().css("display","inline-block");
                   }
               });
            }
            
        </script>
    </body>    
</html>
